import {
  bindPickerValue
} from '../../utils/util';

// pages/addform/addform.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 用来存储表单的数据
    formData: {},
    pickerValueMap: {},
    occupation: [{
        name: '前端开发工程师'
      },
      {
        name: '后端开发工程师'
      }
    ],
    rules: [{
      name: 'username',
      rules: {
        required: true,
        message: '姓名必填'
      },
    }, {
      name: 'sex',
      rules: {
        required: true,
        message: '性别必填'
      }
    }, {
      name: 'occupation',
      rules: {
        required: true,
        message: '职业必填'
      }
    }, {
      name: 'introduction',
      rules: {
        required: true,
        message: '自我介绍为必填'
      }
    }, {
      name: 'nationality',
      rules: {
        required: true,
        message: '国籍比必填项'
      }
    }, {
      name: 'agreement',
      rules: {
        required: true,
        message: '必须同意许可协议',
        // params 代表规则对象 { required, message, validator }
        // value 代表当前表单项的值
        validator: (params, value) => {
          if (!value || !value[0]) {
            return params.message;
          }
        }
      }
    }]
  },
  bindPickerValue(evt) {
    bindPickerValue.call(this, evt);
  },
  onFormSubmit(evt) {
    this.setData({
      formData: evt.detail.value
    });
    this.selectComponent('.form').validate((valid, errors) => {
      if (valid) {
        wx.showModal({
          "content": "表单校验完成，表单的值为" + JSON.stringify(this.data.formData),
          "showCancel": false
        })
      } else {
        wx.showModal({
          showCancel: false,
          content: `表单填写错误：\n\n${errors[0].message}`
        })
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})